import './App.css';
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'; // 使用最新的导入方式
import Home from './pages/Home'; // 假设你有一个Home组件
import About from './pages/About'; // 假设你有一个About组件
const BASE_NAME = window.__POWERED_BY_QIANKUN__ ? "/react" : "/";

function App() {
  return (
    <BrowserRouter basename={BASE_NAME}>
      <Routes> {/* 使用Routes替代Switch */}
        <Route path="/" element={<Navigate to="/reactHome" replace />} /> {/* 使用element替代component */}
        <Route path="/reactHome" element={<Home />} /> {/* 使用element替代component */}
        <Route path="/reactAbout" element={<About />} /> {/* 使用element替代component */}
      </Routes>
    </BrowserRouter>
  );
}

export default App;